<template>
    <div class="info-item">
        <p class="title">{{ title }}</p>
        <NText type="primary" v-if="value">{{  value }}</NText>
        <slot v-else/>
    </div>
</template>
<script lang='ts' setup>
import {ref} from 'vue'
import { NText } from 'naive-ui';
defineProps({
    title:{
        type:String,
        default:"title"
    },
    value:{
        type:String,
        default:"value"
    }
})
</script>
<style scoped>
.info-item{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.title{
    font-weight: bold;
}

</style>